// 主体
main{
    padding: 0px 20px;
    overflow-y: auto;

    // 最新课程
    .new-course{

        h4{
            line-height: 3em;
        }

        a{
            display: block;
            height: 210px;
            border-radius: 15px;
            box-shadow: 0 0 5px 1px #666;
            overflow: hidden;

            img{
                width: 100%;
                height: 150px;
            }

            h5{
                padding-left: 10px;
                color: #000;
                line-height: 2em;
            }

            p{
                padding-left: 10px;
                color: #666;
                font-size: 12px;
                // 文本超出显示省略号
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }
        }
    }

    // 课程
    .course{

        h4{
            line-height: 3em;
        }

        li{
            position: relative;
            margin-bottom: 20px;
            border-radius: 15px;
            box-shadow: 0 0 5px 1px #666;
            height: 140px;
            overflow: hidden;
    
            img{
                width: 100%;
                height: 140px;
            }

            h5{
                position: absolute;
                bottom: 40px;
                left:10px;
                padding-left: 10px;
                color: #000;
                line-height: 2em;
            }

            p{
                position: absolute;
                bottom: 20px;
                left:10px;
                padding-left: 10px;
                color: #000;
                font-size: 12px;
                // 文本超出显示省略号
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }
        
        }
    }
}